<template>
  <el-table
    :data="tabData"
    border
    :height="$store.state.app.tableHeight"
    style="width: 100%;font-size:12px"
  >
    <el-table-column
      label="条码"
      prop="bar_code_num"
      width="120"
      align="center"
    />
    <el-table-column
      label="条码类别"
      width="80"
      align="center"
    >
      <template slot-scope="scope">
        {{ scope.row.type === "1" ? "大码" : scope.row.type === "2" ? "中码" : scope.row.type === "3" ? "小码" : "" }}
      </template>
    </el-table-column>
    <el-table-column
      label="日期"
      prop="date"
      width="120"
      align="center"
    />
    <el-table-column
      label="记录"
      prop="log"
      align="center"
    />
    <el-table-column
      label="发出客户"
      align="center"
    >
      <template slot-scope="scope">
        <span v-if="scope.row.express_anent_fid">{{ scope.row.anent_fcontent.anent_name.anent_name }} ( 授权码：{{ scope.row.anent_fcontent.code_num }} )</span>
        <span v-else>总部</span>
      </template>
    </el-table-column>
    <el-table-column
      label="目标客户"
      align="center"
    >
      <template slot-scope="scope">
        {{ scope.row.anent_content.anent_name.anent_name }} ( 授权码：{{ scope.row.anent_content.code_num }} )
      </template>
    </el-table-column>
    <el-table-column
      label="产品信息"
      align="center"
    >
      <template slot-scope="scope">
        {{ scope.row.product_content.brand_product_name }} ( 产品编码：{{ scope.row.product_content.product_code_num }} 单位：{{ scope.row.product_content.pany }} 规格：{{ scope.row.product_content.gg }})
      </template>
    </el-table-column>
  </el-table>
</template>

<script>
export default {
  props: {
    tabData: {
      type: Array,
      default() {
        return []
      }
    }
  },
  created() {
    console.log(this.tableHeader, this.tabData)
  }
}
</script>

<style lang="sass" scoped>

</style>
